<html>
<head>
    <style>
        table {
            width: 100%;
            font-family: simsun, Helvetica, sans-serif;
            border-collapse: collapse;
            /* 列宽由表格宽度和列宽度设定*/
            table-layout: fixed;
        }

        table td {
            width: 20%;
            border-collapse: collapse;
            /* 列宽由表格宽度和列宽度设定*/
            table-layout: fixed;
            text-align: center;
        }

        table tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        table tr:hover {
            background-color: #ddd;
        }

        table th {
            text-align: center;
            border: 1px solid #ddd;
            padding: 8px;
            width: 100%;
            padding-top: 12px;
            padding-bottom: 12px;
            background-color: #59b5da;
            color: white;
        }
    </style>
    <title></title>
</head>
<body>
<div style="text-align: center;">
    <img style="max-width: 100%; height: auto; border-radius: 5px; display: inline-block; margin: 0 auto;"
         src="${weujia.view!''}"></img>
    <span style="max-width: 100%; height: auto; border-radius: 5px; display: block; margin: 0 auto;">${weujia.subalias!""}</span>
    <span style="max-width: 100%; height: auto; border-radius: 5px; display: block; margin: 0 auto;">${weujia.desc!""}</span>
    <!-- 表格内容 -->
    <table style="width: 100%; margin-top: 20px; border-collapse: collapse; text-align: center;">
        <tr>
            <td>${weujia.name!""}</td>
            <td>${weujia.raw!""}</td>
        </tr>
    </table>
</div>

<div style="display: grid; flex-wrap: wrap;justify-content: space-between; gap: 20px; margin: 20px;grid-template-columns: 1fr 1fr;">
    <#list weujia.history as list>
        <table>
            <tr>
                <th colspan="4">${list.zone!""}</th>
            </tr>
            <#list list.data as item>
                <tr>
                    <td>${item.server!""}</td>
                    <td>${item.value!""}</td>
                    <td>${item.sales!""}</td>
                    <td>${item.datetime!""}</td>
                </tr>
            </#list>
        </table>

    </#list>
</div>
</body>
</html>